<template>
  <div class="container mx-auto px-4 py-8 max-w-4xl">
    <Navbar />
    
    <div class="content-card">
      <h2 class="text-2xl font-bold text-gray-800 mb-6">关于我们</h2>
      <p class="text-gray-700 leading-relaxed">
        本番茄钟应用致力于帮助用户提高工作和学习效率，通过番茄工作法合理安排时间。希望通过这个应用为大家带来更好的时间管理体验。
      </p>
    </div>
  </div>
</template>

<script>
import Navbar from '@/components/NavBar.vue';
import logoutMixin from '../mixins/logoutMixin.js';

export default {
  name: 'AboutUs',
  components: { Navbar },
  mixins: [logoutMixin],
}
</script>

<style scoped>
.container {
  font-family: 'Inter', system-ui, sans-serif;
}
</style>